<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*找到ul中的第一个儿子,并且第一个元素必须是li*/
			/*ul li:nth-child(1){
				color:red;
			}*/
			
			ul li:nth-of-type(5n+1){
				color:red;
			}
			ul li:last-child{
				color:blue;
			}
			/*only-child 独生子,连姐妹都不可以有*/
			/*div:only-child{
				color:red;
			}*/
			/*是独生子就可以,不管有没有姐妹*/
			.colorG:only-of-type{
				color:green;
			}
			/*找到一个p标签,内容为空的,连空格都不能有*/
			p:empty{
				width:100px;
				height:100px;
				background: red;
			}
			ul li:not(.hd){
				background: chartreuse;
			}
		</style>

	</head>

	<body>
		<ul>
			<span>我是span</span>
			<li>111</li>
			<li>222</li>
			<li>333</li>
			<li>444</li>
			<li class="hd">555</li>
			<li>666</li>
			<li>777</li>
		</ul>
		<div id="box">
			<div class="colorG">123123</div>
			<!--<div class="colorG">123123</div>-->
			<span>22222</span>
		</div>
		
		<p></p>
		<p> </p>
		<p>123</p>
		
	</body>

</html>